<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>控制台</title>
  <link rel="stylesheet" type="text/css" href="hCss/identify.css" />
  <link rel="stylesheet" type="text/css" href="hCss/layout.css" />
  <link rel="stylesheet" type="text/css" href="hCss/account.css" />
  <link rel="stylesheet" type="text/css" href="hCss/style.css" />
  <link rel="stylesheet" type="text/css" href="hCss/control_index.css" />
</head>
<style>
  * {
    padding: 0;
    margin: 0; }

  .container {
    margin: 50px 0 0 200px; }
  .container h2 {
    margin-bottom: 20px; }
  .container .list {
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
  .container .list li {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 20px 20px 0; }
  .container .list li img {
    width: 100%;
    height: 100%; }
  .container .list li .close {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    font-weight: 100;
    color: #dedede;
    transform: translate(-50%, -56%); }
  .container .list li .close:hover {
    color: #fff; }
  .container .list li.file {
    width: 150px;
    height: 150px;
    border: 1px dashed #ccc; }
  .container .list li.file input {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .container .list li.file::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "+";
    font-size: 50px;
    font-weight: 100;
    color: #dedede;
    transform: translate(-50%, -56%); }
  .container .list li.file:hover {
    border-color: #5192fe; }
  .container .list li:not(:last-child)::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  .container .list li:not(:last-child):hover::before {
    display: block; }
  .container .list li:not(:last-child):hover .close {
    display: block; }
  .w-text{
    height: 60px;
    font-size: 24px;
    line-height: 36px;
  }
  .w-tijiao{
    height: 48px;
    width: 112px;
    background-color: #6ba0f5;
    text-align: center;
    line-height: 48px;
    color: white;
    font-size: 24px;
  }
  .w-tijiao a{
    color: white;
  }
  a:hover {
    color: rgb(92, 222, 226);
  }
</style>
<body>
<div class="view-topbar">
  <div class="topbar-console">
    <div class="tobar-head fl">
      <a href="#" class="topbar-logo fl">
        <span><img src="Images/logo.png" width="20" height="20"/></span>
      </a>
      <a href="hindex" class="topbar-home-link topbar-btn text-center fl"><span>管理控制台</span></a>
    </div>
  </div>
  <div class="topbar-info">
    <ul class="fr">
      <li class="fl dropdown topbar-notice topbar-btn">
        <a href="hindex" class="dropdown-toggle">
          <span class="icon-notice"></span>
          <span class="topbar-num have">0</span>
        </a>
      </li>
      <li class="fl topbar-info-item">
        <div class="dropdown">
          <a href="hindex" class="topbar-btn">
            <span class="fl text-normal">帮助与文档</span>
            <span class="icon-arrow-down"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="hindex">模板开发手册</a></li>
            <li><a href="hindex">某某数据字典</a></li>
          </ul>
        </div>
      </li>
      <li class="fl topbar-info-item">
        <div class="dropdown">
          <a href="hindex" class="topbar-btn">
            <span class="fl text-normal" th:text="${#session.getAttribute('admin').adminName}">小朱</span>
            <span class="icon-arrow-down"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="hlogin">退出</a></li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="view-body">
  <div class="view-sidebar">
    <div class="sidebar-content">
      <div class="sidebar-nav">
        </ul>
      </div>
      <div class="sidebar-nav">
        <div class="sidebar-title">
          <a href="hindex">
            <span class="icon"><b class="fl icon-arrow-down"></b></span>
            <span class="text-normal">用户中心</span>
          </a>
        </div>
        <ul class="sidebar-trans">
          <li>
            <a href="huserInfo">
              <b class="sidebar-icon"><img src="Images/icon_cost.png" width="16" height="16" /></b>
              <span class="text-normal">商品管理</span>
            </a>
          </li>

          <li>
            <a href="horder">
              <b class="sidebar-icon"><img src="Images/icon_order.png" width="16" height="16" /></b>
              <span class="text-normal">订单管理</span>
            </a>
          </li>
          <a href="hsmsInfo">
            <b class="sidebar-icon"><img src="Images/icon_news.png" width="16" height="16" /></b>
            <span class="text-normal">评价管理</span>
          </a>

        </ul>
      </div>
    </div>
  </div>
  <div class="view-product">
    <div class="info-center">
      <div class="manage-head">
        <h6 class="padding-left manage-head-con">添加商品管理</h6>
      </div>
      <div class="container">
        <div class="w-text"><span >快递公司: </span><input type="text" id="trackName" placeholder="请输入快递公司"></div>
        <div class="w-text"><span >快递单号: </span><input type="text"  id="trackNub" placeholder="请输入快递单号"></div>
        <div class="w-tijiao"><a id="w-tj">提交</a></div>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="js/jquer.js"></script>
<script type="text/javascript">
  $(function(){
    $("#w-tj").click(function (){
      var trackName=$("#trackName").val()
      var trackNub=$("#trackNub").val()
      location.href="addState?trackName="+trackName+"&trackNub="+trackNub
    })
  })
</script>
</html>